@charset "UTF-8";

// 手机屏幕
$phone: 47em;

// ipad  =  768~1360px
$ipad-min: 47.063em;
$ipad-max: 85em;

// 笔记本 = 1360~1600px
$s-pc-min: 85.063em;
$s-pc-max: 100em;

// 笔记本~1080p显示器 = 1600~1920px
$l-pc-min: 100.063em;
$l-pc-max: 120em;

// 高分屏显示器  >  1920px
$xl-pc: 120.063em;


@mixin zsy($width){
	@if $width == phone{
        @media only screen and (max-width: $phone){
            @content;
        }
    }
    @else if $width == ipad{
        @media only screen and (min-width: $ipad-min) and (max-width: $ipad-max){
            @content;
        }
    }
    @else if $width == s-pc{
        @media only screen and (min-width: $s-pc-min) and (max-width: $s-pc-max){
            @content;
        }
    }
    @else if $width == l-pc{
        @media only screen and (min-width: $l-pc-min) and (max-width: $l-pc-max){
            @content;
        }
    }
    @else if $width == xl-pc{
        @media only screen and (min-width: $xl-pc){
            @content;
        }
    }
}